    <link rel="stylesheet" href="http://www.12301.cc/tpl/newOrder/css/base.css"/>
	<link rel="stylesheet" href="http://www.12301.cc/tpl/newOrder/css/fillOrder.css"/>
	<link type="text/css" rel="stylesheet" href="css/ui/Calendar.css" media="screen" />
	<!-- <script src="http://www.12301.cc/js/popBox.js"></script> -->
	<div class="conWrap">
        <p class="title">XXXX产品</p>
        <!--酒店预订模块开始-->
        <div class="hotelBox">
            <ul>
                <li class="fList">
                    <span class="w70 lh35">房间类型：</span>
                    <span class="lh35">大床房</span>
                </li>
                <li class="fList">
                    <span class="w70">预订数量：</span>
                    <select class="groupSelect w160">  
                      <option value ="">1</option>  
                      <option value ="">2</option>  
                    </select> 
                </li>
                <li class="fList">
                    <span class="w70">入住时间：</span>
                    <div class="dBox">
                        <img class="iconDateImg" src="http://images.12301.cc/icon/iconDate.png" />
                        <input class="baseInp w140" type="text" />
                    </div>
                    <span>至</span>
                   <div class="dBox">
                        <img class="iconDateImg" src="http://images.12301.cc/icon/iconDate.png" />
                        <input class="baseInp w140" type="text" />
                    </div>
                    
                    
                    <div class="hotelListBox">
                        <ul>
                            <li class="hList">
                                <p class="hTitle">11/25（周五）</p>
                                <div class="hCon">
                                    <p class="colorOrange size14"><i class="mr2">&yen;</i>120</p>
                                    <p >余12间</p>
                                </div>
                            </li>
                            <li class="hList">
                                <p class="hTitle">11/25（周五）</p>
                                <div class="hCon">
                                    <p class="colorOrange size14"><i class="mr2">&yen;</i>120</p>
                                    <p >余12间</p>
                                </div>
                            </li>
                            <li class="hList">
                                <p class="hTitle">11/25（周五）</p>
                                <div class="hCon">
                                    <p class="colorOrange size14"><i class="mr2">&yen;</i>120</p>
                                    <p >余12间</p>
                                </div>
                            </li>
                        </ul>     
                    </div>
                </li>
            </ul>
        </div>
        <!--酒店预订模块结束-->        
                
        <!--景区，路线模块开始-->       
        <div class="dateBox" style="display: black;">
            <span>游玩日期：</span>
            <div class="dBox">
                <img class="iconDateImg" src="http://images.12301.cc/icon/iconDate.png" />
                <input class="baseInp w140" type="text" id="begintime" value="2015-11-02"/>
            </div>
                    
            <span class="colorOrange">（仅当天有效）</span>
            <div class="lineBox">
                <span>集合地址：</span>
                <select class="groupSelect w200">  
                  <option value ="">线路1</option>  
                  <option value ="">线路2</option>  
                </select> 
            </div>
        </div>
        <div class="dateBox" style="display: black;">
            <span>游玩日期：</span>
            <div class="dBox">
                <img class="iconDateImg" src="http://images.12301.cc/icon/iconDate.png" />
                <input class="baseInp w140" type="text" value="2015-11-02"/>
            </div>
            <span>至 <i class="colorGreen">2015-11-01</i></span>
            <div class="lineBox">
                <span>集合地址：</span>
                <select class="groupSelect w200">  
                  <option value ="">线路1</option>  
                  <option value ="">线路2</option>  
                </select> 
            </div>
        </div>
        <div class="dateBox lh35" style="display: black;">
            <span>游玩日期：</span>
            <span><i class="colorGreen">2015-11-01</i>至 <i class="colorGreen">2015-11-01</i></span>
            <div class="lineBox">
                <span>集合地址：</span>
                <select class="groupSelect w200">  
                  <option value ="">线路1</option>  
                  <option value ="">线路2</option>  
                </select> 
            </div>
        </div>
		<!--景区，路线模块结束-->  
        <div class="tbTicketBox">
        <table class="tbTicket" border="0" cellpadding="0" cellspacing="0">
			<thead>
			  <tr>
				<th class="pl15">票名称</th>
				<th class="w80">产品库存</th>
				<th class="w80">结算价</th>
                <th class="w80 "><div class="colorYellow">退票手续费<div></th>
                <th class="w180">预定数量</th>
                <th class="w80">小计</th>
			  </tr>
			</thead>
			<tbody class="tbody">
              <tr>
                <td class="pl15">票名称票名称</td>
                <td class="w80">5555</td>
                <td class="w80">15.00</td>
                <td class="w80">5%</td>
                <td class="w180 class_price" price="20">
                    <div class="numBox">
                        <a href="javascript:void(0)" class="iconfont sub">&#xe6b5;</a>
                        <input class="i_baseInp tnum w80" type="text" value="" p_minTime="1"/>
                        <a href="javascript:void(0)" class="iconfont add">&#xe649;</a>
                    </div>
                </td>
                <td class="w80 colorOrange ticket_all"></td>
              </tr>
               <tr>
                <td class="pl15">票名称票名称</td>
                <td class="w80">5555</td>
                <td class="w80">15.00</td>
                <td class="w80">5%</td>
                <td class="w180 class_price" price="20">
                    <div class="numBox">
                        <a href="javascript:void(0)" class="iconfont sub">&#xe6b5;</a>
                        <input class="i_baseInp tnum w80" type="text" value="" p_minTime="1"/>
                        <a href="javascript:void(0)" class="iconfont add">&#xe649;</a>
                    </div>
                </td>
                <td class="w80 colorOrange ticket_all"></td>
              </tr>
           
            </tbody>
        </table>
        </div>
		<!--套票中的子票详情开始-->
        <div class="inclueBox">
            <p class="iTitle">包含票类：</p>
            <ul>
                <li class="list">
                    <span>XXXXXXX产品</span>
                    <i>*</i>
                    <span>2</span>
                    <i>张</i>
                </li>
                
            </ul> 
        </div>
        <!--套票中的子票详情结束-->
		
		<!--单票中的套票推荐详情开始-->
        <div class="recommendBox">
            <p class="iTitle">包含票类：</p>
            <ul>
                <li class="list">
                    <div class="lt">
                        <img class="pImg" src="http://images.12301.cc/helpCenter/15.jpg" />
                    </div>
                    <div class="rt">
                        <div class="pDetail">
                            <p>XXXXXXX产品*2</p>
                            <p>XXXXXXX产品*2</p>
                        </div>
                        <div class="priceBox">
                            <span class="colorOrange size20">&yen;500</span>
                            <i class="colorGray">起</i>
                        </div>
                        <button class="buyBtn">立即购买</button>
                    </div>
                </li>
                <li class="list">
                    <div class="lt">
                        <img class="pImg" src="http://images.12301.cc/helpCenter/15.jpg" />
                    </div>
                    <div class="rt">
                        <div class="pDetail">
                            <p>XXXXXXX产品*2</p>
                            <p>XXXXXXX产品*2</p>
                        </div>
                        <div class="priceBox">
                            <span class="colorOrange size20">&yen;500</span>
                            <i class="colorGray">起</i>
                        </div>
                        <button class="buyBtn">立即购买</button>
                    </div>
                </li>
                <li class="list">
                    <div class="lt">
                        <img class="pImg" src="http://images.12301.cc/helpCenter/15.jpg" />
                    </div>
                    <div class="rt">
                        <div class="pDetail">
                            <p>XXXXXXX产品*2</p>
                            <p>XXXXXXX产品*2</p>
                        </div>
                        <div class="priceBox">
                            <span class="colorOrange size20">&yen;500</span>
                            <i class="colorGray">起</i>
                        </div>
                        <button class="buyBtn">立即购买</button>
                    </div>
                </li>
            </ul>  
        </div>
		<!--单票中的套票推荐详情结束-->
		
		
		
        <div class="fillMsgBox">
            <div class="clearBox">
                <span class="tip">联系人信息</span>
                <span class="colorGray">（请准确填写，以便接收订单短信）</span>
            </div>
			<!--联系人信息模块开始-->
            <div class="conBox">
                <div class="lt">
                    <ul>
                        <li class="fList">
                            <span class="w70"><i class="colorRed">*</i>联系人：</span>
                            <input class="baseInp w300" type="text" />
                        </li>
                        <li class="fList">
                            <span class="w70"><i class="colorRed">*</i>手机号：</span>
                            <input class="baseInp w300" type="text" />
                        </li>
                        <li class="fList">
                            <span class="w70"><i class="colorRed">*</i>身份证：</span>
                            <input class="baseInp w300" type="text" />
                        </li>
                        <li class="fList">
                            <span class="w70">备注：</span>
                            <input class="baseInp w300" type="text" />
                        </li>   
                    </ul>
                    <button class="saveUserBtn">保存至常用联系人</button>
                </div>
                <div class="rt">
                    <p class="minTitle">常用联系人</p>
                    <div class="nameBox">
                        <ul>
                            <li class="nList active">
                                <span class="nDetail">XXXX</span>
                                <span class="iconfont activeIcon">&#xe627;</span>
                            </li>
                            <li class="nList">
                                <span class="nDetail">XXXX</span>
                               <span class="iconfont activeIcon">&#xe627;</span>
                            </li>
                            <li class="nList">
                                <span class="nDetail">XXXX</span>
                                <span class="iconfont activeIcon">&#xe627;</span>
                            </li>
                            <li class="nList">
                                <span class="nDetail">XXXX</span>
                                <span class="iconfont activeIcon">&#xe627;</span>
                            </li>
                            <li class="nList">
                                <span class="nDetail">XXXX</span>
                                <span class="iconfont activeIcon">&#xe627;</span>
                            </li>
                            <li class="nList">
                                <span class="nDetail">XXXX</span>
                                <span class="iconfont activeIcon">&#xe627;</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>   
			<!--联系人信息模块结束-->
			
			<!--游客信息信息模块开始-->
            <div class="clearBox">
                <span class="tip"> <span class="colorRed">*</span>游客信息</span>
                <span class="colorGray">（每张票提供相关游客信息）</span>
            </div>
				<div class="tInfoBox">
					<ul class="Info">
						<li class="iList">
							<span class="w70">姓名：</span>
							<input class="baseInp w200" type="text" />
						</li>  
						<li class="iList">
							<span class="w70">身份证：</span>
							<input class="baseInp w200" type="text" />
						</li>
						
					</ul>
					 <ul class="Info">
						<li class="iList">
							<span class="w70">姓名：</span>
							<input class="baseInp w200" type="text" />
						</li>  
						<li class="iList">
							<span class="w70">身份证：</span>
							<input class="baseInp w200" type="text" />
						</li>
						
					</ul>
				</div>
			<!--游客信息信息模块结束-->
			
			<!--支付方式模块开始-->
            <div class="pMethodBox">
                <span class="tip">支付方式</span>
                <ul class="i_pMethod">
                    <li class="mList">
                        <label><input class="pRadio" name="pMethod" type="radio"/>账户余额</label> 
                        <span class="setMargin"><i class="size16">5555</i>元</span>
                        <span class="colorOrange">余额不足，请充值！</span>
                    </li>
                    <li class="mList">
                        <label><input class="pRadio" name="pMethod" type="radio"/>授信余额</label> 
                        <span class="setMargin"><i class="size16">5555</i>元</span>
                        <span class="colorOrange">余额不足，请充值！</span>
                    </li>
                    <li class="mList">
                        <label><input class="pRadio" name="pMethod" type="radio"/>在线支付 </label> 
                    </li>
                </ul>
            </div>  
			<!--支付方式模块结束-->
        </div>
        <div class="subBox">
            <span>总票数：<i class="colorOrange size16 margin2" id="sumtnum">3</i>张</span>
            <span class="margin20">合计：<i class="colorOrange margin2">&yen;</i><i class="colorOrange size16" id="summoney">3.00</i></span>
            <button class="submitBtn">提交订单</button>
        </div>
    </div>
	<!--供应商，产品信息模块开始-->
    <div class="cWrap">
        <div class="line">
            <span class="list">
                <i class="colorGray">供应商名称：</i> 
                <i class="size14">供应商</i>
            </span>
            <span class="list">
                <i class="colorGray">联系人：</i>
                <i class="size14"> XXXXXX</i>
                <a class="iconfont qq" target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=1048450178&amp;site=qq&amp;menu=yes" alt="联系客服" title="联系客服">&#xe66f;</a>
            </span>
        </div>
        <div class="orderCon">预订需知 预订需知 预订需知 预订需知 预订需知 预订需知 预订需知 预订需知 预订需知 预订需知</div>
    </div> 
	<!--供应商，产品信息模块结束-->
	<script type="text/javascript" src="http://www.12301.cc/tpl/newOrder/js/PopWindow.js"></script>
    <script type="text/javascript" src="http://www.12301.cc/tpl/newOrder/js/Calendar.js"></script>
    <script type="text/javascript" src="http://www.12301.cc/tpl/newOrder/js/fillOrder.js"></script>
    <script>
	var popWindow=new PopWindow("popWindow");
	/*显示游玩日期*/
	(function(){
		Calendar.init.handles.push(function(elem){
			$.ajax({
				"url":"call/ajax_price.php",
				"data":{"date":$("#begintime").val(),"pid":$("#pid").val(),"aid":parseInt($("#aid").val())},
				"async":false,
				"dataType":"json",
				"success":function(data){
					// for(var pid in data){
						// var jsprice_str="tprice_"+pid;
						// var uprice_str="uprice_"+pid;
						// var storage_str="storage_"+pid;
						// if($("input[type='hidden']."+jsprice_str).size()>0){
							// if(data[pid]['jsprice']>=0){
								// $("input[type='hidden']."+jsprice_str).val(data[pid]['jsprice']/100);
								// $("em."+jsprice_str).html("¥"+data[pid]['jsprice']/100);
								// $("em."+uprice_str).html("¥"+data[pid]['uprice']/100);
								// $("em."+storage_str).html(data[pid]['storage']);
							// }else{
								// var con=$("input[type='hidden']."+jsprice_str).get(0);
								// con.parentNode.parentNode.parentNode.removeChild(con.parentNode.parentNode);
							// }
						// }
					// }
					//countTotal();
				}
			})
		});
		$("#begintime").click(function(){	
			Calendar.init.timeElement=this;
			//var pid=parseInt($("#pid").val()),
			var pid="20376",
				date=$(this).val(),
				yearmonth=date.substr(0,7),
				//aid=parseInt($("#aid").val());
				aid="94"
			Calendar.show(yearmonth,pid,0,aid);
			$("#calendarContent .data_time").each(function(e){
				var date = $(this).attr("data");
				var time = new Date(date);
				console.log(time)
				console.log(time.getTime());
			})
		});
	})();
	
	</script>
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
